﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/lib/laypage/1.2/skin/laypage.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>订单列表</title>
</head>
<body onload="orderlist(1)">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 订单管理 <span class="c-gray en">&gt;</span> 订单列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<form class="dataform" id="orderlist_form">
	<div class="text-c">
		<button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
		订单状态:
		<span class="select-box inline">
			<select name="rechargeState" id="rechargeState" class="select">
				<option value="">全部</option>
	            <option value="0">充值中</option>
	            <option value="1">成功</option>
	            <option value="9">已撤销</option>
			</select> 
		</span>
		订单类型:
		<span class="select-box inline">
			<select class="select" id="orderType" name="orderType">
                <option value="">全部</option>
                <option value="banma">斑马</option>
                <option value="jisu">极速</option>
            </select>
		</span> 消费时间：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" name="beginTime" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" name="endTime" style="width:120px;">
		<input type="text" name="orderNo" placeholder="订单编号" style="width:180px" class="input-text">
		<input type="text" name="gascardNo" placeholder="油卡卡号" style="width:180px" class="input-text">
		<input type="text" name="fillCardSequence" placeholder="充值卡" style="width:180px" value="" class="input-text">
		<button onclick="orderlist(1)" class="btn btn-success" type="button"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
	</div>
	</form>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" data-title="导出订单" onclick="exportOrder(this)" href="javascript:void(0);"> 导出订单</a></span> <!-- <span class="r">共有数据：<strong></strong> 条</span> --> </div>
	<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
			<thead>
				<tr class="text-c">
					<th width="130">订单编号</th>
					<th width="110">充值卡卡号</th>
					<th width="110">油卡卡号</th>
					<th width="50">姓名</th>
					<th width="50">电话</th>
					<th width="85">商品名称</th>
					<th width="40">面额</th>
					<th width="90">时间</th>
					<th width="50">订单状态</th>
					<th width="60">操作</th>
				</tr>
			</thead>
			<tbody id="tbody" class="text-c">
				
			</tbody>
		</table>
		<div style="width: 100%;height:15px;"></div>
		<div id="page1" class="pager"></div>
	</div>
	<div id="order" style="display:none">
		<table class="table table-striped table-bordered table-hover" data-search="true">
	        <tr> 
	            <td class="text-center"><b>订单编号</b></td>
	            <td class="text-center"><b>充值卡卡号</b></td>
	            <td class="text-center"><b>油卡卡号</b></td>
	            <td class="text-center"><b>姓名</b></td>
	            <td class="text-center"><b>电话</b></td>
	        </tr>
	        <tr>
	        	<td class="text-center" id="orderNo"></td>
	        	<td class="text-center" id="fillCardSequence"></td>
	        	<td class="text-center" id="gascardNo"></td>
	        	<td class="text-center" id="fillName"></td>
	        	<td id="telephone"></td>
	        </tr>
	        <tr>
	        	<td class="text-center"><b>商品名称</b></td>
	            <td class="text-center"><b>面额</b></td>
	            <td class="text-center"><b>时间</b></td>
	            <td class="text-center"><b>订单状态</b></td>
	            <td class="text-center"><b>领卡人</b></td>
	        </tr>
	        <tr>
	        	<td class="text-center" id="bmItemName"></td>
	        	<td class="text-center" id="facePrice"></td>
	        	<td class="text-center" id="orderTime"></td>
	        	<td class="text-center" id="rechargeStates"></td>
	        	<td class="text-center" id="receiveName"></td>
	        </tr>
		</table>
	</div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<!-- <script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>  -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/core.js"></script>
<script type="text/javascript">
// $('.table-sort').dataTable({
// 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
// 	"bStateSave": true,//状态保存
// 	"pading":false,
// 	"aoColumnDefs": [
// 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
// 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
// 	]
// });

function orderlist(pageNum){
		
		var rechargeState    = $("#rechargeState").val();
		var orderType 		 = $("#orderType").val();
		var beginTime		 = $("input[name=beginTime]").val();
		var endTime          = $("input[name=endTime]").val();
		var orderNo 		 = $("input[name=orderNo]").val();
		var gascardNo 		 = $("input[name=gascardNo]").val();
		var fillCardSequence = $("input[name=fillCardSequence]").val();
		var str ='"rechargeState":"'+rechargeState+'","orderType":"'+orderType+'","beginTime":"'+beginTime+'","endTime":"'+endTime+'","orderNo":"'+orderNo+'","gascardNo":"'+gascardNo+'","fillCardSequence":"'+fillCardSequence+'"';
		var url  = "${base}/admin/order/get";
		//引入core.js中的方法进行分页
		core.getUserListByPage(pageNum,str,url);
        return false;
	}
	
	function exportOrder(obj) {
		var a = document.createElement('a');
		  var data = $("#orderlist_form").serialize();
		  debugger;
		  var url = '${pageContext.request.contextPath}/admin/order/export?'+ data;
		  //var filename = '订单明细.xls';
		  a.href=url;
		  //a.download = filename;
		  a.click();
	}
	
	function showOrder(orderNo){
		var data = {
			'orderNo' : orderNo
		}
		$.ajax({
			url:"${pageContext.request.contextPath}/admin/order/detail",
	        type:'post',
	        dataType:'json',
	        data:data,
	        success:function(res){
	        	if(res.code=='-1'){
	        		layer.msg(res.msg);
	        		return;
	        	}else if(res.code=='0'){
	        		layer.msg(res.msg);
	        		return;
	        	}else{
	        		//debugger;
	        		$("#orderNo").html(res.data.orderNo);
	            	$("#fillCardSequence").text(res.data.fillCardSequence);
	            	$("#gascardNo").text(res.data.gascardNo);
	            	$("#fillName").html(res.data.fillName);
	            	$("#telephone").html(res.data.telephone);
	            	$("#bmItemName").html(res.data.bmItemName);
	            	$("#facePrice").html(res.data.facePrice);
	            	$("#orderTime").html(res.data.orderTime);
	            	$("#receiveName").html(res.data.receiveName);
	            	var state = res.data.rechargeState;
	            	if(state=='0'){
	            		$("#rechargeStates").html('充值中');
	            	}else if(state=='1'){
	            		$("#rechargeStates").html('成功');
	            	}else if(state=='9'){
	            		$("#rechargeStates").html('撤销');
	            	}
	        		layer.open({
	       			  type: 1,
	       			  title: '订单详情',
	       			  shade: 0,
					  shadeClose: true,
	       			  skin: 'layui-layer-rim', //加上边框
	       			  area: ['1000px', '300px'], //宽高
	       			  content: $('#order')
	       			});
	        	} 
	        }
		});
	}

</script> 
</body>
</html>